<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>获取本机IP</title>
<script type="text/javascript" src="jquery-3.2.1.min.js"></script>

<!-- node.js 获取方式-->
<script type="text/javascript">
	function getIPAdress() {
	  var interfaces = require('os').networkInterfaces();
	  for (var devName in interfaces) {
		var iface = interfaces[devName];
		for (var i = 0; i < iface.length; i++) {
		  var alias = iface[i];
		  if (alias.family === 'IPv4' && alias.address !== '127.0.0.1' && !alias.internal) {
			return alias.address;
		  }
		}
	  }
	}
</script>

<!-- 常规方式-->
<script type="text/javascript">
	/**
	 * Get the user IP throught the webkitRTCPeerConnection
	 * @param onNewIP {Function} listener function to expose the IP locally
	 * @return undefined
	 */
	function getUserIP(onNewIP) { //  onNewIp - your listener function for new IPs
		//compatibility for firefox and chrome
		var myPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection;
		var pc = new myPeerConnection({
			iceServers: []
		}),
		noop = function() {},
		localIPs = {},
		ipRegex = /([0-9]{1,3}(\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/g,
		key;

		function iterateIP(ip) {
			if (!localIPs[ip]) onNewIP(ip);
			localIPs[ip] = true;
		}

		 //create a bogus data channel
		pc.createDataChannel("");

		// create offer and set local description
		pc.createOffer().then(function(sdp) {
			sdp.sdp.split('\n').forEach(function(line) {
				if (line.indexOf('candidate') < 0) return;
				line.match(ipRegex).forEach(iterateIP);
			});
			
			pc.setLocalDescription(sdp, noop, noop);
		}).catch(function(reason) {
			// An error occurred, so handle the failure to connect
		});

		//listen for candidate events
		pc.onicecandidate = function(ice) {
			if (!ice || !ice.candidate || !ice.candidate.candidate || !ice.candidate.candidate.match(ipRegex)) return;
			ice.candidate.candidate.match(ipRegex).forEach(iterateIP);
		};
	}

	// Usage
	getUserIP(function(ip){
		//alert("Got IP! :" + ip);
		$("#ip").html(ip);
	});

</script>
</head>
<body>
	<div>本机IP: &nbsp;&nbsp;&nbsp;<span id="ip" style="color:red;"></span></div>
</body>
</html>